<template>
  <el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect"
    background-color="#545c64" text-color="#fff" active-text-color="#ffd04b">
    <el-menu-item index="mainManagementPage" icon="el-icon-house" >首页</el-menu-item>
    <el-menu-item index="orderHouse" icon="el-icon-s-home">发单管理</el-menu-item>
    <el-menu-item index="3" icon="el-icon-s-home">接单大厅</el-menu-item>
    <el-menu-item index="4" icon="el-icon-s-home">接单管理</el-menu-item>
    <el-menu-item index="5" icon="el-icon-s-check">个人中心</el-menu-item>
    <el-menu-item index="6" icon="el-icon-chat-dot-round">站内信</el-menu-item>
    <el-menu-item index="7" icon="el-icon-s-custom">客服</el-menu-item>
    <el-submenu index="8">
      <template slot="title" icon="el-icon-position">系统</template>
      <el-menu-item index="8-1">帮助</el-menu-item>
      <el-menu-item index="8-2">关于</el-menu-item>
      <el-menu-item index="8-3">退出</el-menu-item>
    </el-submenu>

    <el-button type="primary" icon="el-icon-s-promotio">搜索</el-button>


  </el-menu>
</template>

<script>
  export default {
      data() {
        return {
          activeIndex: '1',
          activeIndex2: this.$route.path
        };
      },
      methods: {
        handleSelect(index) {
          this.$router.push(/top/+index)
        }
      }
    }
</script>

<style>

</style>
